<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>后台系统登陆</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<meta http-equiv="Cache-Control" content="no-store" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
	
	<link rel="stylesheet" href="${ctx}/statics/css/reset.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="${ctx}/statics/css/style.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="${ctx}/statics/css/validationEngine.jquery.css" media="screen"/>
	<link rel="stylesheet" href="${ctx}/statics/css/invalid.css" type="text/css" media="screen" />	
		
	<script type="text/javascript" src="${ctx}/statics/scripts/jquery-1.8.2.min.js" language="javascript"></script>
	<script type="text/javascript" src="${ctx}/statics/scripts/simpla.jquery.configuration.js"></script>
	<script type="text/javascript" src="${ctx}/statics/scripts/facebox.js"></script>
	<script type="text/javascript" src="${ctx}/statics/scripts/jquery.wysiwyg.js"></script>
	<script type="text/javascript" src="${ctx}/statics/scripts/jquery.validationEngine-zh_CN.js"></script>
	<script type="text/javascript" src="${ctx}/statics/scripts/jquery.validationEngine.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function(){
			jQuery("#form1").validationEngine();
		});
	</script> 
<style type="text/css">
.yzm {
	/*position: absolute;
	background:url(${ctx}/statics/images/login_ts140x89.gif)no-repeat;
	width: 140 px;
	height: 89 px;*/
	right: 440px;
	top: 360px;
	text-align: center;
	font-size: 12px;
	display: black;
}
.yzm a:link,.yzm a:visited {
	text-decoration: none;
}
.yzm a:hover {
	color: #C30;
}
.yzm img {
	cursor: pointer;
	margin: 4px auto 7px;
	width: 100px;
	height: 25px;
	border: 1px solid #fff;
}
</style>
	</head>
	<body id="login">
		<div id="login-wrapper" class="png_bg">
			<div id="login-top">
				<!-- Logo (221px width) -->
				<!--  <img id="logo" src="${ctx}/statics/images/logo.png" alt="后台系统登陆" />-->
				<span style=" font-size: 30px;">后台管理系统登陆</span>
			</div> <!-- End #logn-top -->
			<div id="login-content">
				<form action="${ctx}/doLogin" method="post" name="fomr1" id="form1">
					<c:if test="${not empty message && message==1}">
					<div class="notification information png_bg">
						<div>
							用户名或密码输入错误！
						</div>
					</div>
					</c:if>
					<c:if test="${not empty message && message==2}">
					<div class="notification information png_bg">
						<div>
							验证码输入错误！
						</div>
					</div>
					</c:if>
					<p>
						<label>用户名</label>
						<input class="text-input validate[required,maxSize[10]]" type="text" name="name" value="${name}"/>
					</p>
					<div class="clear"></div>
					<p>
						<label>密码</label>
						<input class="text-input validate[required,maxSize[10]]" type="password" name="password"/>
					</p>
					<div class="clear"></div>
					<p>
						<label>验证码</label>
						<input name="code" type="text" class="text-input validate[required]"/>
						<div id="yzm" class="yzm">
							<img id='code_img' onclick='this.src=this.src+"?"+Math.random()'src='${ctx}/captchaImage'>
							<br />
							<a href="javascript:document.getElementById('code_img').src='${ctx}/captchaImage?time='+Math.random();void(0);">单击更换验证码</a>
						</div>
					</p>
					<!--
					<div class="clear"></div>
					<p id="remember-password">
						<input type="checkbox" />记住我
					</p>
					-->
					<div class="clear"></div>
					<p>
						<input class="button" type="submit" value="登陆" />
					</p>
				</form>
			</div> <!-- End #login-content -->
			
		</div> <!-- End #login-wrapper -->
		
  </body>
  </html>
